<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>京东-欢迎登录</title>
    <link rel="icon" href="../image/favicon.ico">
    <link href="../css/login_css.css" rel="stylesheet">
    <link href="../css/common.css" rel="stylesheet">
</head>
<body style="margin: 0">
<div class="lg-head">
    <div class="w">
        <div class="head-left">
            <a href="" target="_blank"><img src="../image/login/login_logo.png"></a>
            <img src="../image/login/l-icon.png" style="margin-left: 10px">
        </div>
        <div class="head-right">
            <a href="" target="_blank">
                <img src="../image/login/q-icon.png" style="margin-right: 5px;vertical-align:text-top">登录页面，调查问卷
            </a>
        </div>
    </div>
</div>


<div class="lg-head-two">
    <div class="w">
            <img src="../image/login/icon-tips.png" style="margin-right: 2px;vertical-align:text-top">
            依据《网络安全法》，为保障您的账户安全和正常使用，请尽快完成手机号验证！新版
            <a href="" target="_blank">《京东隐私政策》</a>已上线，将更有利于保护您的个人隐私。
    </div>
</div>



<div class="lg-body">
    <div class="w">
        <div class="banner-lg-head">
            <a  class="login-choise" onclick="how_login('login1')">扫描登录</a>
            <a  class="login-choise" onclick="how_login('login2')">账户登录</a>
        </div>
        <div id ="login1" class="code-login">
            <div class="code">
                <img class="code" src="../image/login/login_code.png" style="vertical-align: middle;width: 147px;height: 147px">
                <img class="phone phone-display" src="../image/login/login_code_phone.jpg" style="vertical-align: middle;">
            </div>
            <div class="code1">
                <span style="display: inline-block;width: 80px">打开<a href="" target="_blank" style="color: red">手机京东</a></span>
                <span style="display: inline-block;width: 80px">扫描二维码</span>
            </div>
            <div class="code2">
                <div class="code2-icon1"></div>
                <div style="float: left;margin-left: 3px">免输入</div>
                <div class="code2-icon2"></div>
                <div style="float: left;margin-left: 3px">更快</div>
                <div class="code2-icon3"></div>
                <div style="float: left;margin-left: 3px">更安全</div>
            </div>
            <div class="code3">
                <div class="code3-qq"></div>
                <div style="float: left;margin-top: 10px"><a href="" target="_blank">QQ</a></div>
                <div class="code3-wx"></div>
                <div style="float: left;margin-top: 10px"><a href="" target="_blank">微信</a></div>

                <div style="float: right;margin-right: 20px;margin-top: 10px"><a href="register.html" target="_blank"style="color: red;font-size: 15px">立即注册</a></div>
                <div class="code3-re"></div>
            </div>
        </div>
        <div id ="login2" class="user-login login-use">
            <div  class="login-box">
                <div class="login-ico"></div>
                <input type="text" class="input-box" placeholder="邮箱/用户名/已验证手机">
            </div>
            <div  class="login-box" style="margin-top: 20px">
                <div class="login-ico2"></div>
                <input type="text" class="input-box" placeholder="密码">
            </div>
            <div  class="login-box" style="margin-top: 0;height: 40px">
                <div  style="float: right;line-height: 40px"><a href="" target="_blank" style="font-size: 5px">忘记密码</a></div>
            </div>
            <div  class="login-box" style="margin-top: 10px;height: 70px;border-bottom: 1px solid #f9f9f9 ;">
                <a href="" target="_blank"><input type="button" value="登&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;录" class="login-buttom"></a>
            </div>
            <div class="code3">
                <div class="code3-qq"></div>
                <div style="float: left;margin-top: 10px"><a href="" target="_blank">QQ</a></div>
                <div class="code3-wx"></div>
                <div style="float: left;margin-top: 10px"><a href="" target="_blank">微信</a></div>

                <div style="float: right;margin-right: 20px;margin-top: 10px"><a href="register.html" target="_blank"style="color: red;font-size: 15px">立即注册</a></div>
                <div class="code3-re"></div>
            </div>
        </div>
    </div>
</div>

<div class="lg-end">
    <div class="w">
        <div class="links">
            <a href="" target="_blank">关于我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">联系我们</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">人才招聘</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">商家入驻</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">广告服务</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">手机京东</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">友情链接</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">销售联盟</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">京东社区</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">京东公益</a>&nbsp;&nbsp;|&nbsp;&nbsp;
            <a href="" target="_blank">English Site</a>&nbsp;&nbsp;
        </div>
        <div class="Copyright">
            Copyright © 2004-2017  京东JD.com 版权所有
        </div>
    </div>
</div>
<script src="../js/jquery-1.12.4.js"></script>
<script src="../js/login_js.js"></script>
<script>
    $('.code').mousemove(function () {
        $('.phone').removeClass('phone-display')
    })

    $('.code').mouseout(function () {
        $('.phone').addClass('phone-display')
    })
</script>
</body>
</html>